@import "../../../styles/_commonColor.scss";
.slider-list{
  height: 2.6rem;
}
.home{
  background: $bodybg;
  //flex: 1;
  .sliderTitle{
    background: $white;
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    font-size: .32rem;
    color: $darkgray;
  }
  .sliderContainer {
    background: $white;
    padding: 0 0 .4rem .5rem;
    //padding: 0 0 .4rem .36rem;
    overflow: hidden;
    .carouselContainer {
      width: 95%;
      overflow: visible;
      & > div {
        overflow: visible !important;
        & > div {
          overflow: visible !important;
        }
        & > div:nth-child(2) {
          bottom: -50px !important;
        }
      }
    }
  }
  .passBox{
    background: $bordergray;
    border-radius: 0.13rem;
    margin: 0 0.25rem 0 0;
    box-sizing: border-box;
    width: 6.5rem;
    min-height: 2.6rem;
    padding: .5rem .32rem .5rem .32rem;
    position: relative;
    background: $white;
    border: 1PX solid $slidergreen;
    .checkState{
      position: absolute;
      right: 0;
      top: 0;
      width: .6rem;
      height: .56rem;
      vertical-align: top;
    }
    .information{
      & >span{
        font-size: .4rem;
        color: $black;
        &:first-child{
          margin-right: .2rem;
        }
      }
    }
    .toArrow{
      width: .16rem;
      height: .24rem;
      position: absolute;
      top: 50%;
      right: .32rem;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }
    .timeBox{
      position: absolute;
      bottom: .5rem;
      span{
        font-size: .26rem;
        color: $darkgray;
      }
      .birthDate{
        margin-top: .05rem;
      }
    }
  }

  //通行证类别
  .passTypeBox{
    background: $white;
    position: relative;
    .passTitle{
      margin-left: .3rem;
      height: .76rem;
      line-height: .76rem;
      color: $gray;
      &::after{
        position: absolute;
        right: 0;
        bottom: 0;
        left: .3rem;
        height: 1PX;
        content: '';
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        background: #eee;
      }
      &>i{
        border-left: .04rem solid $linegreen;
        margin-right: .1rem;
      }
    }
  }
  .family{
    height: 1rem;
    line-height: 1rem;
    background: $white;
    padding: 0 .3rem;
    position: relative;
    .familyTag{
      font-size: 0.32rem;
      color: $black;
      width: 1.79rem;
      display: inline-block;
    }
    .familyStyle{
      display: inline-block;
      font-size: .32rem;
      color: $gray;
      width: 3rem;
    }
  }
  .passTypeCheck{
    position: relative;
    height: 1rem;
    line-height: 1rem;
    background: $white;
    font-size: .32rem;
    color: $darkgray;
  }
  .visaLine{
    margin-left: .3rem;
    position: relative
  }
  .visaCategory{
    font-size: .32rem;
    color: #1a1a1a;
    width: 1.79rem;
    display: inline-block;
  }
  .register{
    position: relative;
  }
  .pickerLine{
    position: relative;
   // border-bottom: 1PX solid $borderlinegray;
    &::after{
      position: absolute;
      right: 0;
      bottom: 0;
      left: .3rem;
      height: 1PX;
      content: '';
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      background: #eee;
    }
  }
  .regionBox{
    background: $white;
    .regionType{
      position: relative;
      height: 1rem;
      line-height: 1rem;
      margin-left: .3rem;
      //border-bottom: 1PX solid $borderlinegray;
      
      &::after{
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1PX;
        content: '';
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        background: #eee;
      }
      .regionImg{
        width: .36rem;
        height: .36rem;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
      }
      .regionTag{
        font-size: .32rem;
        color: $black;
        width: 1.79rem;
        display: inline-block;
      }
      .regionStyle{
        display: inline-block;
        font-size: .32rem;
        color: $darkgray;
        width: 4rem;
      }
    }
  }
  .consigneeBox{
    position: relative;
    background: $white;
    .separateLine{
      position: absolute;
      z-index: 99;
      top: 0;
      left: 0;
    }
    .address{
      height: 1rem;
      line-height: 1rem;
      position: relative;
      .map{
        width: .26rem;
        height: .3rem;
        position: absolute;
        left: .3rem;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
      }
      .addAddress{
        margin-left: .75rem;
        color: $black;
        font-size: .32rem;
      }
    }
    .fullAddress{
      padding: 0 .3rem .38rem .3rem;
      font-size: .3rem;
      color: #6a6a6a;
    }
  }
  .personnel{
    height: 1rem;
    line-height: 1rem;
    background: $white;
    position: relative;
    padding: 0 .3rem;
    &::after{
      position: absolute;
      right: 0;
      bottom: 0;
      left: .3rem;
      height: 1PX;
      content: '';
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      background: #eee;
    }
    .personnelTag{
      width: 1.79rem;
      font-size: .32rem;
      color: $black;
      display: inline-block;
    }
    .personnelStyle{
      display: inline-block;
      font-size: .32rem;
      color: #ababab;
      width: 3rem;
    }
  }
  .sliderBox{
    background: $white;
  }

  .invoice{
    font-size: .26rem;
    color: $gray;
    padding: .12rem 0 0 .3rem;
  }
  .agreeBox{
    position: relative;
    margin-left: .3rem;
    height: .6rem;
    line-height: .6rem;
    .agreeEnlarge{
      padding: .3rem 0;
      .agree{
        width: .3rem;
        height: .3rem;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
      }
      .determine{
        margin-left: .5rem;
      }
    }
    .agreeBtn{
      font-size: .26rem;
      color: $slidergreen;
      margin-left: .1rem;
    }
  }
  .btnBox{
    padding: 0.3rem;
    button{
      height: .88rem;
      width: 100%;
      border: none;
      font-size: .32rem;
      outline:none
    }
    .handle{
      background: $slidergreen;
      color: $white;
      //opacity: 0.4;
    }
  }
  .brief{
    text-align: center;
    margin: .3rem 0 1.4rem 0;
    .footLogo{
      width: .65rem;
    }
    .logoMsg{
      font-size: .28rem;
      color: $gray;
    }
  }

  .iconToRight{
    width: .16rem;
    height: .24rem;
    position: absolute;
    top: 50%;
    right: .32rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .border_bottom_1{
    position: relative;
    &::after{
      position: absolute;
      right: 0;
      bottom: 0;
      left: .3rem;
      height: 1PX;
      content: '';
      -webkit-transform: scaleY(1);  //0.5
      transform: scaleY(1);
      background: #eee;
    }
  }
}